/** Main layout */
body { 
	margin: 0;
	padding: 0;
	
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular;
	font-size:12pt;
	/* Also change #wrapper min-width by the same absolute amount */
	min-width: 780px;
}
#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 75px;
}
#nav {
	position: absolute;
	left: 0;
	top: 5px;
	width: 200px;
	padding:0;
}
#wrapper { 
	position:absolute;
	top:0;
	right:0;
	left:200px;
	min-width: 550px;
}
#content {
	position:absolute;
	top: 75px;
	right:0;
	left:0;
	width: 100%;
	padding: 5px 0 0 0;
}
/**** global elements ****/
a {
	text-decoration:none;
	color:#072966;
}
a:visited {
	color:#072966;
}
a:hover {
	color:#ff9933;
}
h1, h2, h3, h4, h5, h6 {
	color: gray;
}
input {
	border:1px solid #ccc;
}
hr {
	background-color:#ff9933;
	height: 3px;
}
.attention {
	background:#ff9933;
	/*background:red;*/
	color:white;
	font-weight:bold;
}
.attention a {
	color:white;
	font-weight:bold;
}
.attention img { 
	vertical-align:top;
	padding-right:5px;
}
div.attention {
	border:1px solid black;
	padding:5px;
}
.warning {
	padding:10px 10px 0 10px;
	margin:5px 0;
	background:rgb(255,242,202);
	border:1px dotted #ccc;
}
.warning p {
	margin-top: 0;
	margin-bottom:10px;
}

/**** header *****/
#header {
	background-image: url(../images/header-back.png);
	background-repeat: repeat-x;
}
#header #version {
	position:absolute;
	top:54px;
	left: 4px;
	height:16px;
	padding:3px 0 0 0;
	text-align:left;
	/*background:#2c78ff;*/
	color:black;
	font-size:12px;
}
#header #version a {
	/*color: #ff9933; */
	color: black; 
}
#header #version a:link {
	background-color: transparent;
}
#header #version a:hover {
	color: #ff9933; 
	font-weight:bold;
}
#header ul#metanav {
	position: absolute;
	top: 28px;
	left: 230px;
	margin: 10px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	font-size:14px;
	background-image: url(../images/tab.png);
	background-position: top left; 
}
#header ul#metanav li {
	display: inline;
	margin: 0px -4px 0px 0px;
}

#header ul#metanav li.noselect a {
	display: inline;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:2px;
	background-image: url(../images/tab.png);
	background-repeat: repeat-x;
	background-position: top left; 
	background-color: #badaff;
}
#header ul#metanav li.noselect a:hover {
	background-image: url(../images/tab-hover.png);
}
#header ul#metanav li.first a {
	border-left: 0;
	display: inline;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:2px;
	background-image: url(../images/tab-first.png);
	background-repeat: repeat-x;
	background-position: top left; 
	background-color: #badaff;
}
#header ul#metanav li.first-current a {
	display: inline;
	border-left: 0;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:2px;
	background-image: url(../images/tab-first-current.png);
	background-repeat: no-repeat;
	background-position: top left; 
}
#header ul#metanav li.last {
	border-left: 0;
	padding-right:0px;
	padding-bottom:2px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/tab.png);
	background-repeat: repeat-x;
	background-position: top right; 
}
#header ul#metanav li a {
	text-decoration:none;
}
#header ul#metanav li.current a {
	color: #ff9933; 
	/*font-weight:bold;*/
	padding-left:15px;
	padding-right:10px;
	padding-bottom:2px;
	background-color:#fceeee;
	background-image: url(../images/tab-select.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#header #freepbx {
	position:absolute;
	left:0;
	top:0;
	margin-left:2px;
}
#header #freepbx img {
	padding:0px;
	border:0;
	float:left;
}

#header #logo {
	position:absolute;
	right:0;
	top:0;
	margin-right:2px;
}
#header #logo img {
	padding:0px;
	border:0;
}
#need_reload_block {
	position: absolute;
	top:58px;
	height:15px;
	margin:0;
	left:250px;
	width:250px;
	padding:1px 5px ;
	text-align:center;
	border: none;
}
#need_reload_block a {
	display:block;
	background-color:#FF9933;
	color:#FFFFFF;
}
#login_message {
	position:absolute;
	top:55px;
	right:5px;
	width: 180px;
	font-size:12px;
	background-color: none;
}
#login_message a:link {
	background-color: transparent;
}
#message-old {
	position:absolute;
	top:85px;
	right:15px;
	font-size:12px;
}

#benchmark_time {
	position:absolute;
	right:90px;
	top:2px;
	font-size:80%;
}

/**** main menu *****/
#nav {
	background-image: url(../images/shadow-side.png);
	background-repeat: repeat-y;
	background-position:  right; 
}
#nav ul {
	list-style-type: none;
	margin:0 10px 2em 0;
	padding:0;
}
#nav ul li.category {
	background: #eee;
	padding: 0px 2px 2px 5px;
	

	color: white; /* header items */
	font-size: 12px;
	font-weight: bold;
        white-space: nowrap;
        overflow: hidden;

	background-image: url(../images/category1.png);
	background-repeat: no-repeat;
	background-position: right; 
}
#nav ul li.menuitem { /* menu links */
	border-bottom: 2px solid #ABC9FF;
	height: 21px;
	width: 190px;
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
        white-space: nowrap;
        overflow: hidden;
	color: #072966;
	background-image: url(../images/modules1.png);
	background-repeat: repeat-y;
	background-position: right; 
}
#nav ul li a { /* menu links */
	display: block;
	height:21px;
	padding:4px 0 0 4px;
}
#nav ul li a:hover {
	color: #ff9933; 
	background-image: url(../images/modules-hover1.png);
	background-repeat: no-repeat;
	background-position: right; 
}
#nav li.current, #nav li.current a { /* active item */
	background: #f7efee;
	color: #ff9933; 
	background-image: url(../images/modules-current1.png);
	background-repeat: repeat-y;
	background-position: right; 
}
#nav li.disabled a, #nav li.disabled a:hover { /* disabled item */
	cursor: default;
	color: #072966;
	background-image: url(../images/modules1.png); /* repeat these just to override :hover style */
	background-repeat: repeat-y;
	background-position: right; 
}
#nav ul li.disabled { /* menu links */
	border-bottom: 2px solid #ABC9FF;
	padding: 2px 0px 2px 10px;
	height: 21px;
	width: 180px;
	text-decoration:none;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
        white-space: nowrap;
        overflow: hidden;
	color: gray;
	background-image: url(../images/modules1.png);
	background-repeat: repeat-y;
	background-position: right; 
}
#nav ul#nav-tabs {
	padding: 0 0 0 0;
	
}
#nav #nav-tabs li, #nav #nav-tabs li a {
	display:inline;
	padding-left:0;
        white-space: nowrap;
        overflow: hidden;
	background-position: top left;
}
#nav #nav-tabs {
	margin-bottom:0;
	padding: 0 0 0 0;
}
#nav #nav-tabs li a {
	padding-left:10px;
	padding-right:10px;
}
#nav #nav-tabs li a {
	background-image: url(../images/tab.png);
}
#nav #nav-tabs li.tabs-selected a {
	background-image: url(../images/tab-first-current.png);
}

#nav #nav-tabs li.last a {
	background-image: url(../images/tab.png);
	background-repeat: repeat-x;
	background-position: top right; 
	padding-right:1px;
	padding-left:0px;
}

/***** report nav *****/
#reportnav { 
	position:absolute; 
/*
	top:0px; 
	left:10px; 
*/
top:0px; 
left:280px; 
padding: 0 0 0 0;
	 list-style-type: none;
	 font-size:12px;
	 border-right:1px solid black;
}
#reportnav ul {
margin:0;
padding:0;
}
#reportnav  li {
display: inline;
	 border-left:1px solid black;
	 padding-left:6px;
	 padding-right:6px;
}
#reportframe { 
position:relative; 
top:1.5em; 
left:10px; 
padding: 0 0 0 0;
}
#panelframe { 
position:relative; 
top:0; 
left:10px; 
padding: 0 0 0 0;
}

/***** footer *****/
#footer {
position:absolute;
	 margin-top:15px;
	 font-size:10px;
	 text-align:left;
color: #ccc;
}
#footer, #footer a {
color:#999;
}
#footer a:hover {
color:#ff9933;
}
#footer h3 {
color:#2c78ff;
      margin-bottom:0px;
      margin-top:0px;
      font-size:16px;
}
#footer hr {
width:100%;
      margin-left:0;
color:#ccc;
height:1px;
}
#footer #footer_logo {
border:0;
float:left;
}

/***** info popups *****/
a.info {
position:relative;
color:black;
      border-bottom:1px dashed #ccc;
}
/* Added to solve the z-order problem of IE */
a.info:hover {
	z-index:2;
}
/* End */
a.info span{
    display: none;
}
a.info:hover span{
	display:block;
	position:absolute;
	z-index:1;
	top:2em;
	left:-10em;
	width:25em;
	border:1px solid #F2AF1D;
	background-color:#FDF1D5;
	color:#000;
	text-align:justify;
	font-size:10px;
	font-weight:normal;
	padding:3px;
	line-height:15px;
}

/** menu attention class **/
.attention {
	/*background:red;*/
	background:#ff9933;
}
.attention a {
	color:white;
	font-size:12px;
}
.attention a.info {
	border:none;
}
.attention a.info:hover span{
	left:10em; 
	border:1px solid black;
	/*background: red;*/
	background:#ff9933;
	color:white;
}

/***** right nav's ********/
.rnav {
	float:right;
}
.rnav ul {
	list-style-type: none;
	margin:0;
	padding:0;
	margin-top:45px;
	/* make it scroll */
	max-height:35em;
	max-width:275px;
	overflow:auto;
}
.rnav ul li {
	padding:2px 10px;
	margin:2px;
	background: #ecf6ff;
	border:1px solid #ccc;
}
.rnav ul li a {
       display:block;
}
.rnav ul li a.current {
	color:#ff9933;
	background-color: #ecf6ff;
}

/***** main content *********/
#wrapper {
	padding-left: 15px;
	padding-right: 15px;
	
	background-image: url(../images/shadow-top.png);
	background-repeat: repeat-x;
	background-position: top; 
}
#background-wrapper {
	padding:0;
	margin:0;
	background-image: url(../images/watermark.png);
	background-repeat: no-repeat;
	background-position:85% 50px;
}
#wrapper #left-corner {
	position:absolute; /* absolute within #wrapper */
	top:0;
	left:-10px; /* because the shadow is actually in #nav.. bit of a hack.. */
	
	background-image: url(../images/shadow-corner.png);
	background-repeat: no-repeat;
	width:10px;
	height:11px;
}
#wrapper #right-corner { /* Just a hack to make IE expand the content area 100% */
	float: right; 
}
#wrapper #language { /* Just a hack to make IE expand the content area 100% */
	position:absolute; /* absolute within #wrapper */
	top:10px;
	right: 10px;
	font-size:12px;
}
.content {
	padding:0;
	margin:0;
}

/*********  reload bar *************/
div.inyourface a{
	position:fixed;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	color:white;
	background-color:red;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border: 1px solid black;	
}
.clsWait{ 
	position: absolute; 
	top:75px; 
	left: 15%; 
	width: 70%; 
	text-align:center; 
	border: red solid 1px; 
	background :#f0d0d0; 
	display: block; 
	font-weight: bold 
}
.clsWaitFinishOK { 
	position: absolute; 
	top:75px; left: 15%; 
	width: 70%; 
	text-align:center; 
	border: blue solid 1px; 
	background:#d0d0f0; 
	display: block; 
}
.clsHidden{ 
	display: none 
}

/************************* For modules page *************************/
#modulelist ul {
	padding-left:0;
	margin-left:0;
	position:relative;
}
#modulelist li {
    list-style-type: none;
	border:1px solid #808080;
}
#modulelist #modulelist-header {
	position:relative;
}
#modulelist #modulelist-header span {
	font-size:12px;
	font-weight:bold;
}
#modulelist .moduleheader {
	background:#ccc;
	padding:2px;
}
#modulelist .modulename {
	position:absolute;
	left:2px;
}
#modulelist .moduletype {
	position:absolute;
	left: 230px;
}
#modulelist .moduleversion {
	position:absolute;
	left: 290px;
}
#modulelist .modulestatus {
	position:absolute;
	left: 420px;
}
#modulelist .clear {
	clear:both;
}
div.modulebuttons {
	margin:0.5em 0 0.5em 0;
	text-align:right;
	width:100%;
}
#moduleprogress .error {
	color:red;
	font-weight:bold;
}
#moduleprogress .success {
	color:#e5edd5;
	font-weight:bold;
}
#moduleprogress hr {
	margin-left:0;
	width:40%;
	color:#ccc;
}

/* for the tabber */
#modulelist .tabber, #modulelist .tabberlive {
}
#modulelist div.moduleinfopane {
	display:none; /* hide the information pane by default */
	background: #eee;
	height:7em; /* div.tabbertab height should be .5 less than this */
}
#modulelist ul.tabbernav {
	width:8em;
	float:left;
	margin-left:0em;
}
#modulelist ul.tabbernav li {
	text-align:right;
	padding:2px 7px 2px 2px;
    border-right: 5px solid #808080;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#modulelist ul.tabbernav li.tabberactive a {
	color: #f68a00;
	font-weight:bold;
}
#modulelist ul.tabbernav li a {
	text-decoration : none;
}
#modulelist div.tabbertab {
	margin-left:1.5em; 
	height:6.5em; /* This should be .5 less than div.moduleinfopain height */
	overflow:auto;
}
#modulelist h5 {
	margin-top: 0;
	margin-bottom: 0.5em;
}
#modulelist .alert {
	color:#a00;
}
#modulelist .notinstalled {
	color:#2B77FE;
}
#modulelist div.moduleinfopane .actiontab {
	padding-left:10px;
}

/************************* For tabber *************************/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/************************* reload window *************************/
#__dimScreen {
	cursor:not-allowed;
}
#reloadBox {
	border:2px solid #333;
	background:#ff9933;
	z-index:1000;
	position:fixed;
	width:450px;
	height:320px;
	/* background-image: url(../images/reloadbox.png); TODO: no image exists? */
	background-repeat: repeat-x;
}
#reloadBox h3 {
	margin:0.1em 0em 1em 0em;
	color:white;
	text-align:center;
}
#reloadBox a:hover {
	color:white;
}
#reload_confirm {
	padding: 0em 1em 0em 1em;
}
#reload_confirm ul {
	list-style-type:none;
}
#reload_confirm ul li {
	margin-top:0.4em;
}
#reload_reloading {
	text-align:center;
	cursor:wait;
}
#reload_reloading h2 {
	margin-top:1.5em;
	margin-bottom:1.5em;
}
#reload_reloading img {
	text-align:center;
}

#reload_response div.moreinfo {
	overflow:auto;
	height:200px;
	width:94%;
	margin-left:2%;
	border:1px solid #ccc;
	padding:2px;
}
#reload_response div.moreinfo pre {
	font-size:70%;
}
#reload_response div.buttons {
	text-align:center;
	padding-top:10px;
}

#moduleBox {
	border:2px solid #333;
	background:#ff9933;
	z-index:1000;
	position:fixed;
	width:450px;
	height:400px;
	/* background-image: url(../images/reloadbox.png); TODO: no image exists? */
	background-repeat: repeat-x;
}
#moduleBox iframe {
	width:420px;
	height:400px;
	border:0;
	padding: 0em 1em 0em 1em;
}

/* Need to get rid of scroll bar at bottom of iframe-how*/
#moduleBox iframe body {
	min-width: 300px;
}
#moduleBoxContents {
	padding: 0em 1em 0em 1em;
}
#moduleBoxContents h4 {
	margin:0.1em 0em 1em 0em;
	color: white;
}
#moduleBoxContents a {
	text-align:right;
}
#moduleBoxContents a:hover {
	color:white;
}

/*************************Reports Page***************************/
#cdr ul#metanav {
	position: absolute;
	top: 45px;
	left: 230px;
	margin: 10px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	font-size:15px;
	z-index:-2;
}
#cdr ul#metanav li {
	display: inline;
	/*border-right:1px solid #ff9933;*/
	padding-left:6px;
	padding-right:6px;
}
#cdr ul#metanav li.first {
	border-left: 0;
}
#cdr ul#metanav li a {
	text-decoration:none;
}
#cdr ul#metanav li.current a {
	color: #ff9933; 
}

/*******************  WAS: jquery.tabs.js *********************/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide {
		display: none;
	}
}
#nav-tabs {
	margin-bottom:0;
}
ul#nav-tabs li, ul#nav-tabs li a {
	display:inline;
}
.tabs-container {
	padding:0;
	margin:0;
}
.tabs-loading em {
	padding: 0 0 0 20px;
	/* background: url(loading.gif) no-repeat 0 50%; */
}
